<html class="no-js">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="UTF-8" />
        <title>PKL 54 | Kontak</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
        <link rel="icon" type="image/icon" href="images/logo/home.png">

        <!--nyoba pasang-->
        <link rel='stylesheet' id='main-css'  href='css/header.css' type='text/css' media='all' />
        <link rel='stylesheet' id='montserrat-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700&#038;ver=4.1' type='text/css' media='' />
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
        <!--tututp-->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/templatemo_style.css">
        <link rel="stylesheet" href="css/templatemo_misc.css">
        <link rel="stylesheet" href="css/flexslider.css">
        <link rel="stylesheet" href="css/testimonails-slider.css">
        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var meris_js_var = {"global_color": "#FED136"};
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/less.min.js'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/respond.min.js?ver=1.4.2'></script>

    </script>
    <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/meris.js?ver=1.0.4'></script>
    <meta name="generator" content="WordPress 4.1" />
    <script type="text/javascript">
            jQuery(document).ready(function() {
// CUSTOM AJAX CONTENT LOADING FUNCTION
                var ajaxRevslider = function(obj) {

// obj.type : Post Type
// obj.id : ID of Content to Load
// obj.aspectratio : The Aspect Ratio of the Container / Media
// obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content

                    var content = "";

                    data = {};

                    data.action = 'revslider_ajax_call_front';
                    data.client_action = 'get_slider_html';
                    data.token = '07773db7dc';
                    data.type = obj.type;
                    data.id = obj.id;
                    data.aspectratio = obj.aspectratio;

// SYNC AJAX REQUEST
                    jQuery.ajax({
                        type: "post",
                        url: "http://www.mageewp.com/meris/wp-admin/admin-ajax.php",
                        dataType: 'json',
                        data: data,
                        async: false,
                        success: function(ret, textStatus, XMLHttpRequest) {
                            if (ret.success == true)
                                content = ret.data;
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });

// FIRST RETURN THE CONTENT WHEN IT IS LOADED !!
                    return content;
                };

// CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER
                var ajaxRemoveRevslider = function(obj) {
                    return jQuery(obj.selector + " .rev_slider").revkill();
                };

// EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION
                var extendessential = setInterval(function() {
                    if (jQuery.fn.tpessential != undefined) {
                        clearInterval(extendessential);
                        if (typeof (jQuery.fn.tpessential.defaults) !== 'undefined') {
                            jQuery.fn.tpessential.defaults.ajaxTypes.push({type: "revslider", func: ajaxRevslider, killfunc: ajaxRemoveRevslider, openAnimationSpeed: 0.3});
                            // type:  Name of the Post to load via Ajax into the Essential Grid Ajax Container

                        }
                    }
                }, 30);
            });
    </script>
    <meta name="generator" content="WordPress 4.1" />
</head>
<body>
    <!--Header-->
    <?php include 'header.php'; ?>

    <div id="product-post">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading-section">
                        <h2>Kirim Kritik dan Saran</h2>
                        <img src="images/under-heading.png" alt="" >
                    </div>
                </div>
            </div>
            <div id="contact-us">
                <div class="container">
                    <div class="row">
                        <div class="product-item col-md-12">
                            <div class="row">
                                <div class="col-md-8">  
                                    <div class="message-form">
                                        <form action="contact-action.php" method="post" class="send-message">
                                            <div class="row">
                                                <div class="name col-md-4">
                                                    <input type="text" name="nama" id="nama" placeholder="Nama" value="<?php if (isset($_POST['nama'])) echo $_POST['nama']; ?>"/>
                                                </div>
                                                <div class="email col-md-4">
                                                    <input type="email" name="email" id="email" placeholder="Email" value="<?php if (isset($_POST['email'])) echo $_POST['email']; ?>"/>
                                                </div>
                                                <div class="subject col-md-4">
                                                    <input type="text" name="subject" id="subject" placeholder="Subject" value="<?php if (isset($_POST['subject'])) echo $_POST['subject']; ?>"/>
                                                </div>
                                            </div>
                                            <div class="row">        
                                                <div class="text col-md-12">
                                                    <textarea name="isi" placeholder="Message" value="<?php if (isset($_POST['isi'])) echo $_POST['isi']; ?>"/></textarea>
                                                </div>   
                                            </div>                              
                                            <div class="send">
                                                <p><input type="submit" name="submit" value="SUBMIT" /></p>
                                                <input type="hidden" name="submitted" value="TRUE" />
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="info">
                                        <p>Buat yang ingin membagi ilmunya, atau curhat ke admin bisa langsung kirim di kolom sebelah. Jangan sungkan-sungkan.</p>
                                        <ul>
                                            <li><i class="fa fa-phone"></i>0852-6395-0172</li>
                                            <li><i class="fa fa-globe"></i>Jl Otto Iskandar Dinata 64c, Jakarta Timur, 13330</li>
                                            <li><i class="fa fa-envelope"></i><a href="mailto:humas@pkl.stis.ac.id">humas@pkl.stis.ac.id</a></li>
                                        </ul>
                                    </div>
                                </div>     
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <?php include 'footer.php'; ?>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/vendor/jquery-1.11.0.min.js"></script>
    <script src="js/vendor/jquery.gmap3.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

</body>
</html>